layui.use(['element', 'table', 'layer', 'laypage', 'form'], function () {
    var element = layui.element
        , table = layui.table
        , layer = layui.layer
        , laypage = layui.laypage
        , form = layui.form;

    /***********
     * 活动管理
     * ***********/
    table.render({
        id: 'activity_id'
        , title: '活动信息表'  // title可以用于文件导出时的文件名设置
        , height: 520
        , elem: '#activity_table' // **table的id**
        , toolbar: '#activity_toolbar'   // **工具栏的id**
        , url: '/activity/findAllactivity'  //******数据接口******
        //******表头相关设置******
        , cols: [[
           {type: 'checkbox', align: 'center', fixed: 'left'}
            , {field: 'activityId', title: 'ID'}
            , {field: 'activityName', title: '活动名称'}
            , {field: 'userName', title: '创建者'}
            , {field: 'activityRegisterTime', title: '签到时间', sort: true}
            , {field: 'activityAddress', title: '活动地点'}
            // **toolbar为操作列，需要获取操作列内容id**
            , {toolbar: '#activity_operate', title: '操作', fixed: 'right', align: 'center'}
        ]]
        , request: {
            pageName: 'Page' //页码的参数名称，默认：page
            , limitName: 'PageSize' //每页数据量的参数名，默认：limit
        }
        , response: {
            statusName: 'code' //规定数据状态的字段名称，默认：code
            , statusCode: 200 //规定成功的状态码，默认：0
            , msgName: 'message' //规定状态信息的字段名称，默认：msg
            , countName: 'count' //规定数据总数的字段名称，默认：count
            , dataName: 'data' //规定数据列表的字段名称，默认：data
        }
        , page: true    // 开启分页
        , loading: true
    });
    /***********
     * 活动管理
     * ***********/
    // **工具栏监听事件**
    table.on('toolbar(activity)', function (obj) {
        var checkStatus = table.checkStatus(obj.config.id);
        switch (obj.event) {
            case 'add': {
                layer.open({
                    type: 1
                    ,title: false //不显示标题栏
                    ,closeBtn: true
                    ,area: '500px'
                    ,shade: 0.8
                    ,skin: 'demo-class'
                    ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
                    ,btn: ['确定', '取消']
                    ,btnAlign: 'c'
                    ,moveType: 1 //拖拽模式，0或者1
                    ,content: document.getElementById("addLayer").innerHTML
                    ,btn1: function(layero){
                            var activityRegisterTime=document.getElementById("activityRegisterTime")
                            var activityName=document.getElementById("activityName")
                        axios.get('/activity/activityName', {
                            params: {
                                activityName: document.getElementById("activityName").value,
                                daojishi:document.getElementById("daojishi").value,
                                activityAddress:document.getElementById("activityAddress").value
                            }
                        })
                            .then(function (response) {
                                layer.closeAll();
                                layer.msg("创建成功")

                            })
                            .catch(function (error) {
                               layer.msg("未知错误")
                            });

                    }
                });


                break;
            }
            case 'import':
                layer.msg('导入');
                break;
            case 'delete':
                layer.msg('删除');
                break;
        }
    });


    //监听行工具事件
    table.on('tool(activity)', function (obj) {
        console.log(obj)
        var data = obj.data;
        //     console.log(obj+">>>>>")
        if (obj.event === 'see') {
            //查看签到表
            console.log(data.activityId+"----")
            layer.open({
                type: 1
                ,title: false //不显示标题栏
                ,closeBtn: true
                ,width:900
                ,height:650
                // , area: '410'
                ,offset: ['100px', '300px']
                ,shade: 0.8
                ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
                ,btn: ['确定', '取消']
                ,btnAlign: 'c'
                ,moveType: 1 //拖拽模式，0或者1
                ,content: document.getElementById("seeRegister").innerHTML
                ,success: function(layero, index){
                            //表格
                    table.render({
                        id: 'activity_register_table'
                        , title: '签到表'  // title可以用于文件导出时的文件名设置
                        , height: 520
                        ,width:900
                        , elem: '#activity_register_table' // **table的id**
                        , toolbar: '#activity_register_table_toolbar'   // **工具栏的id**
                        , url: '/register/getAllRsgisterByActivityIdsetId?actityId='+data.activityId  //******数据接口******
                        //******表头相关设置******
                        , cols: [[
                            {type: 'checkbox',width:50, align: 'center', fixed: 'left'}
                            , {field: 'registerId', title: 'ID'}
                            , {field: 'registerTime', title: '签到时间'}
                            , {field: 'userName', title: '签到者'}
                            , {field: 'registerState', title: '签到状态', sort: true,templet: '#templeTregisterState'}
                            // **toolbar为操作列，需要获取操作列内容id**
                            , {toolbar: '#activity_register_operate',width:250, title: '设置状态', fixed: 'right', align: 'center'}
                        ]]
                        // , request: {
                        //     pageName: 'Page' //页码的参数名称，默认：page
                        //     , limitName: 'PageSize' //每页数据量的参数名，默认：limit
                        // }
                        , response: {
                            statusName: 'code' //规定数据状态的字段名称，默认：code
                            , statusCode: 200 //规定成功的状态码，默认：0
                            , msgName: 'message' //规定状态信息的字段名称，默认：msg
                            , countName: 'count' //规定数据总数的字段名称，默认：count
                            , dataName: 'data' //规定数据列表的字段名称，默认：data
                        }
                        , loading: true
                    });

                    //监听行工具事件
                    table.on('tool(activity_register)', function(obj){
                        layer.msg("修改中....",{
                            Number:9000
                        })
                        console.log(obj)
                        var data = obj.data;
                        console.log(obj+">>>>>")
                        var newStae='';
                        if(obj.event === 'zhengchang'){
                            newStae="正常"
                        }
                        if(obj.event === 'chidao'){
                            newStae="迟到"
                        }
                        if(obj.event === 'kuangke'){
                            newStae="旷课"

                        }
                        if(obj.event === 'qingjia'){
                            newStae="请假"

                        }
                        axios.get('/register/updateRegister', {
                            params: {
                                registerId: data.registerId,
                                registerState:newStae
                            }
                        }).then(function (response) {
                                if(response.data.code==200){
                                    obj.update({
                                        registerState:newStae
                                    })
                                    layer.msg("修改成功")
                                }else{
                                    layer.msg("修改失败")
                                }
                            })
                            .catch(function (error) {
                                console.log(error);
                                layer.msg("异常！！！")
                            });
                    });
                }
                ,btn1: function(index, layero){

                }
                ,btn2: function(index, layero){
                }
            });





        } else if (obj.event === 'beginRegiser') {
            console.log(data.activityId)
            axios.get('/register/begingRegister', {
                params: {
                    activityId: data.activityId
                }
            })
                .then(function (response) {
                    if(response.data.code==200){
                            //跳转到
                        $("#layui-body").load("/html/register")
                    }else{
                        layer.msg(response.data.message)
                    }
                })
                .catch(function (error) {
                    console.log(error);
                });

        }

    });



})